<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>沈阳北软信息职业技术学院</title>
		<link rel="stylesheet" href="style/base.css">
		<link rel="stylesheet" href="style/list.css">
		<link rel="stylesheet" type="text/css" href="./css/style.css" />
		<script src="./js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/script.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入vantUI -->
		<script src="./js/vant-UI/vant.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./js/vant-UI/index.css" />
		<!-- 引入elementUI -->
		<script src="./js/element-UI/elementUI.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./js/element-UI/elementUI.css" />
		<link rel="stylesheet" href="css/index.css" type="text/css">
		<link rel="stylesheet" type="text/css" href="css/children.css">
		<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
		<script type="text/javascript" src="js/public.js"></script><!-- 菜单js等-->
		<style type="text/css">
			@font-face {
				font-family: liuzhaowu;
				src: url(./font/Coca-ColaCareFontKaiTi.TTF);
			}

			.wp {
				width: 1200px;
				margin: 0 auto;
				position: relative;
			}

			#hd {
				padding: 19px 0;
			}

			#hd .hd-logo {
				height: 62px;
			}

			#hd .hd-logo img {
				height: 62px;
				width: auto;
			}

			#hd .lang {
				width: 120px;
				margin-top: 13px;
				position: relative;
			}

			#hd .lang h3 {
				height: 20px;
				background: #f2f2f2;
				padding: 8px 20px;
			}

			#hd .lang span {
				float: left;
				width: 30px;
				height: 20px;
				background: url(./images/flag.jpg);
			}

			#hd .lang em {
				float: left;
				height: 20px;
				line-height: 20px;
				margin-left: 10px;
				+min-width: 28px;
			}

			#hd .lang i {
				float: right;
				width: 7px;
				height: 4px;
				background: url(./images/icos.png);
				margin-top: 8px;
			}

			#hd .lang ul {
				position: absolute;
				width: 100%;
				top: 36px;
				left: 0;
				background: #f2f2f2;
				display: none;
			}

			#hd .lang ul li {
				padding: 8px 20px;
			}

			#hd .lang ul li a {
				display: block;
			}

			#hd .lang span.en {
				background-position: 0 -20px;
			}

			#hd .lang:hover ul {
				display: block;
			}

			#hd a.hd-btn {
				width: 72px;
				height: 34px;
				border: 1px solid #ccc;
				line-height: 34px;
				text-align: center;
				margin: 13px 20px 0 0;
			}

			#hd a.btn-login {
				border-color: #67ac46;
				color: #67ac46;
				margin-right: 10px;
			}

			#hd a.hd-btn:hover {
				background: #67ac46;
				border-color: #67ac46;
				color: #fff;
			}

			#hd .hd-search {
				width: 340px;
			}

			#hd .hd-search form,
			#hd .hd-search input,
			#hd .hd-search button {
				height: 36px;
			}

			#hd .hd-search input {
				float: left;
				width: 180px;
				padding: 0 12px;
				line-height: 36px;
				color: #666;
				background: #f2f2f2;
			}

			#hd .hd-search button {
				float: left;
				width: 36px;
				height: 36px;
				background: url(./images/icos.png) 0 -4px;
				cursor: pointer;
			}

			#nav {
				padding: 20px 0;
				background: #009FD9;
			}

			#nav ul {
				height: 30px;
				float: left;
			}

			#nav ul li {
				float: left;
				margin-right: 50px;
				height: 30px;
				position: relative;
			}

			#nav ul li a {
				display: block;
				line-height: 30px;
				color: #fff;
				font-weight: bold;
			}

			#nav ul li span {
				position: absolute;
				width: 0;
				height: 2px;
				background: #fff;
				top: 30px;
				left: 50%;
				margin-left: 0;
				border-radius: 1px;
			}

			#nav ul li.on span,
			#nav ul li:hover span {
				width: 100%;
				margin-left: -50%;
				transition: 0.3s;
			}

			#nav .order {
				height: 30px;
			}

			#nav .order span {
				float: left;
				line-height: 30px;
				color: #fff;
				font-weight: bold;
				margin-right: 10px;
			}

			#nav .order a {
				float: left;
				width: 30px;
				height: 30px;
				background: url(./images/icos.png) 0 -40px;
			}

			.fr {
				float: right;
			}

			.fixed_top {
				position: fixed;
				top: 0;
				width: 100%;
			}

			/* .text {
				font-family: liuzhaowu;
				width: 100%;
				
				background-image: -webkit-linear-gradient(left, blue, #66ffff 10%, #cc00ff 20%, #CC00CC 30%, #CCCCFF 40%, #00FFFF 50%, #CCCCFF 60%, #CC00CC 70%, #CC00FF 80%, #66FFFF 90%, blue 100%);
				-webkit-text-fill-color: transparent;
				-webkit-background-clip: text;
				-webkit-background-size: 300% 100%;
				-webkit-animation: masked-animation 20s linear infinite;
				font-size: 30px;
			}
			
			@keyframes masked-animation {
				0% {
					background-position: 0 0;
				}
			
				100% {
					background-position: -100% 0;
				}
			} */
			.el-carousel__item h3 {
				color: #475669;
				font-size: 14px;
				opacity: 0.75;
				line-height: 150px;
				margin: 0;
			}

			.el-carousel__item:nth-child(2n) {
				background-color: #99a9bf;
			}

			.el-carousel__item:nth-child(2n+1) {
				background-color: #d3dce6;
			}

			.footer_2wm {
				width: 140px;
				height: 140px;
			}
			.el-table--striped .el-table__body tr.el-table__row--striped td{
				background-color: #F2F9FC;
			}
		</style>
	</head>
	<body>
		<div id="root">
			<template>
				<el-backtop></el-backtop>
			</template>
			<div id="hd">
				<div class="wp clearfix">
					<!--logo-->
					<div class="hd-logo fl"
						style="display: flex;flex-direction: row;justify-content: center;align-items: center;color: #000000;">
						<a href="https://www.nsi-soft.com/nsi/index"
							style="display: flex;flex-direction: row;justify-content: center;align-items: center;color: #000000;">
							<img src="images/logo.png">
							<div style="font-family: liuzhaowu;color: #000000;">
								<h1>沈阳北软信息职业技术学院</h1>
								<h1 style="font-size: 10px;">Shenyang Northern Software Collage of Information
									Technology</h1>
							</div>
						</a>
						<div class="hd-search fr text"
							style="font-family: liuzhaowu;display: flex;flex-direction: row;justify-content: center;align-items: center;">
							<img src="images/logo2.png" style="width: 50px;height:50px;">
							<div style="font-family: liuzhaowu;color: #000000;margin-left: 10px;">
								<h1>计算机系官网</h1>
								<h1 style="font-size: 10px;">Computer Department official website</h1>
							</div>
						</div>
						<div class="hd-search fr text"
							style="font-family: liuzhaowu;display: flex;flex-direction: row;justify-content: center;align-items: center;">
							
							<div style="font-family: liuzhaowu;color: #000000;margin-left: 10px;">
								<h1>格物致知•见微知著</h1>
								
							</div>
						</div>
					</div>

					<div class="fr">
						<van-popover v-model="showPopover" trigger="click">
							<van-grid square clickable :border="false" column-num="3"
								style="width: 200px;padding: 10px;display: flex;justify-content: center;">
								<div style="margin-bottom: 10px;">计算机系官方公众号</div>
								<img src="images/gongzhonghao.png" style="width: 200px;height: 200px;">
							</van-grid>
							<template #reference>
								<van-button type="primary" style="background-color: #409EFF;border: #409EFF;">公众号
								</van-button>
							</template>
						</van-popover>
					</div>
				</div>
			</div>
			<div id="nav" style="z-index: 999;">
				<div class="wp clearfix">
					<ul>
						<li ><a href="index.html">首页</a><span></span></li>
						<li class="on"><a>关于北软</a><span></span></li>
						<li><a href="shuanggao.html">系部介绍</a><span></span></li>
						<li><a href="Displines.html">优秀学子</a><span></span></li>
						<li><a href="information.html">产教融合</a><span></span></li>
					</ul>
					<div class="order fr">

					</div>
				</div>
			</div>
			<div class="tzFirArticle1">
				<div class="clearfix wrapper">
					<div class="fl section">
						<h2>计算机系<span style="color: #409EFF;">简介</span></h2>
						<p style="color: #000000;">
							计算机系现开设软件技术、计算机应用技术、大数据技术应用、移动应用开发、云计算技术应用五大王牌专业。计算机专业群是辽宁省高水平特色专业群，计算机应用技术是省级示范专业。毕业后年薪15万以上，可升入本科专业。
						</p>
					</div>
					<!-- <img src="images/img01.jpg" alt="" class="fl"> -->
					<template>
						<div class="block">

							<el-carousel height="200px">
								<el-carousel-item v-for="(item,index) in img_list">
									<img :src=item.img style="width: 100%;height: 100%;">
								</el-carousel-item>

							</el-carousel>
						</div>

					</template>
				</div>
			</div>
			<div class="contentbox">
				<!-- zy_content -->
				<div class="zy_contentbox wid_main fix">
					<!-- 左边栏 -->
					<div class="zy_left_con">
						<!-- 二级菜单 -->
						<div class="zy_twonav">
							<h2 class="tit">关于北软</h2>
							<ul>
								<li><a href="party.html">招生简章</a></li>
								<li><a href="environment.html">北软环境</a></li>
								<!-- <li><a href="about.html">画室优势</a></li> -->
								<!-- <li><a href="about_fwzq.html">服务专区</a></li> -->
								<li class="cur"><a href="#">创始人记</a></li>
							</ul>
						</div>
						<!-- 联系信息 -->
						<div class="contact">
							<h2 class="tit">联系我们</h2>
							<dl>
								<dt>沈阳北软信息职业技术学院</dt>
								<dd>咨询电话：024-88928718</dd>
								<dd>联系邮箱：2890682240@qq.com</dd>
								<dd>联系地址：辽宁省沈阳市沈北路53号</dd>
								<a href="https://www.nsi-soft.com/nsiDzStuSystem/">网上报名</a>
							</dl>
						</div>
					</div>
			
					<!-- 右边内容 -->
					<div class="zy_right_con">
						<!-- 当前位置 -->
						<div class="weizhi">
							<i><img src="images/z_weizhi.png"></i>
							<p><b>当前位置：</b><a href="index.html">网站首页</a><a href="party.html">关于北软</a><span>创始人记</span></p>
						</div>
						<!-- 内容块 关于我们-->
						<div class="zy_aboutbox">
							<h1>张桂平院长</h1>
							<div class="txt">
								<p style="font-weight: bold;">沈阳北软信息职业技术学院 院长</p>
								<p>沈阳航空航天大学人机智能研究中心主任、教授</p>
								<h2><img src="./images/xzgp1.png"><span></span></h2>
								<p>
									院长张桂平教授，博士，辽宁省首批特聘教授。现任沈阳航空航天大学人机智能研究中心主任、北方软件学院院长、沈阳格微软件有限责任公司总经理。主要致力于自然语言处理、人机智能接口和知识工程管理方面的研究。曾作为A类成员参加了中、日、印、马、泰多国语机器翻译项目，获得电子工业部突出贡献奖；先后承担了国家自然科学基金、国家863、国防预研、国防基础科研、国家航空基金、国家中小企业创新基金、省市重大攻关课题等40余项。主要社会兼职有：十届、十一届、十三届全国人大代表，沈阳市政协常委，全国第九届青联委员，中国中文信息学会第七届理事会副理事长，中国青年科技工作者协会理事会理事，任沈阳市侨联副主席，辽宁省软件行业协会副理事长，《应用基础与工程科学学报》 编委，《中国科技精品文库》 编委等社会职务。曾先后荣获全国五一劳动奖章、中国软件行业杰出青年优秀奖、第五届中国侨界贡献奖、电子工业部突出贡献奖、中国航空学会科学技术一等奖、第五届中国侨界贡献奖、钱伟长中文信息处理科学技术一等奖、辽宁省科学技术进步一等奖、沈阳市科技振兴奖、沈阳市科技进步一等奖等，被评为全国“黄炎培”职业教育杰出校长、全国三八红旗手、中国新侨成功创业人士、辽宁省十大女杰、辽宁省十大杰出青年、辽宁省归侨侨眷十佳先进人物、辽宁省普通高校学科带头人、辽宁省优秀专家、沈阳市特等劳动模范等称号。
								</p>
								
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="wave-box" style="margin-top: 50px;">
				<div class="marquee-box marquee-up" id="marquee-box">
					<div class="marquee">
						<div class="wave-list-box" id="wave-list-box1">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_02.png">
								</li>
							</ul>
						</div>
						<div class="wave-list-box" id="wave-list-box2">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_02.png">
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="marquee-box" id="marquee-box3">
					<div class="marquee">
						<div class="wave-list-box" id="wave-list-box4">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_01.png">
								</li>
							</ul>
						</div>
						<div class="wave-list-box" id="wave-list-box5">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_01.png">
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="auto clearfix">
					<div class="footer-floor1">
						<div class="footer-list">
							<ul>
								<li class="flist-title">
									友情链接
								</li>
								<li>
									<a href="http://www.ge-soft.com/">
										<strong>
											沈阳格微软件公司
										</strong>
									</a>
								</li>
								<li>
									<a href="http://www.sau.edu.cn/">
										<strong>
											沈阳航空航天大学
										</strong>
									</a>
								</li>
								<li>
									<a href="http://www.lnzsw.com/">
										<strong>
											辽宁招生考试网
										</strong>
									</a>
								</li>
								<li>
									<a href="http://www.lnen.cn/">
										<strong>
											辽宁省教育厅
										</strong>
									</a>
								</li>
								<li>
									<a href="https://www.nsi-soft.com/nsi/myddc">
										<strong>
											2020年对省级人民政府履行教育职责情况满意度调查
										</strong>
									</a>
								</li>
							</ul>
			
						</div>
						<img src="images/map.png">
			
						<div class="footer-right">
							<!-- <div class="telephone" title="服务热线">
								<div class="tel-number">
									400-688-3065
								</div>
							</div> -->
							<div style="text-align: center;color: #FFF;">
								<img src="images/nsi-erweima.jpg" class="footer_2wm">
								北软官方公众号
							</div>
							<div style="text-align: center;color: #FFF;">
								<img src="images/20200918160105.jpg" class="footer_2wm">
								智汇北软小程序
							</div>
						</div>
			
					</div>
				</div>
				<div class="footer-floor2">
					<p>
						©Copyright 2012-2021：沈阳北软信息职业技术学院 <a
							href="https://beian.miit.gov.cn/#/Integrated/index">辽ICP备17002625号-1</a> 地址：辽宁省沈阳市沈北路53号
						联系电话：024-88928718
					</p>
				</div>
			</div>

		</div>
	</body>
	<script type="text/javascript">
		var vm = new Vue({
			el: "#root",
			data: {
				tableData: [{
				          physics: '01',
						  history:'01',
				          name: '软件技术',
				          tel: '15504010868'
				        }, {
				          physics: '02',
						  history:'02',
				          name: '计算机应用技术',
				          tel: '15504010868'
				        }, {
				          physics: '03',
						  history:'03',
				          name: '大数据技术应用',
				          tel: '15504010868'
				        }, {
				          physics: '09',
						  history:'09',
				          name: '移动应用开发',
				          tel: '15504010868'
				        },{
				          physics: '17',
						  history:'17',
				          name: '云计算应用技术',
				          tel: '15504010868'
				        },
						],
				img_list: [{
						img: "images/1.jpg"
					},
					{
						img: "images/2.jpg"
					},
					{
						img: "images/3.jpg"
					},
					{
						img: "images/2.jpg"
					},
				],
				activeName: 'second',
				visible: true,
				showPopover: false,
				zixun_list:[
					{
						title:"选择是成功的关键",
						text:"2003年读大一的胡洪征创办了画室,2007年从贵州大学美术"
					},
					{
						title:"选择是成功的关键",
						text:"2003年读大一的胡洪征创办了画室,2007年从贵州大学美术"
					},
					{
						title:"选择是成功的关键",
						text:"2003年读大一的胡洪征创办了画室,2007年从贵州大学美术"
					},
					{
						title:"选择是成功的关键",
						text:"2003年读大一的胡洪征创办了画室,2007年从贵州大学美术"
					},
				]
			},
			methods: {
				handleClick(tab, event) {
					console.log(tab, event);
				},
				offical() {
					vm.showPopover = true
				},
				offical_off() {
					vm.showPopover = false
				}
			},
			mounted() {
				$(window).scroll(function() {
					var height = $(document).scrollTop()
					console.log(height)
					if (height > 150) {
						$('#nav').addClass('fixed_top')
					} else {
						$('#nav').removeClass('fixed_top')
					}
				})

			},
		})
	</script>
</html>
